<template>
  <div>
    <p>name:{{ name }}</p>
    <p>name:{{ msg }}</p>
  </div>
</template>

<script>
export default {
  name: 'ref',
  data() {
    return {
      name: '张三',
      msg: 'hello'
    }
  },
  methods: {
    childFn(value) {
      console.log(value)
      this.msg = value
    }
  }
}
</script>

<style lang="scss" scoped></style>
